<!--
@license
Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="generator" content="Polymer Starter Kit">
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

  <title>Webdash</title>
  <meta name="description" content="Webdash">

  <!--
      The `<base>` tag below is present to support two advanced deployment options:
      1) Differential serving. 2) Serving from a non-root path.

      Instead of manually editing the `<base>` tag yourself, you should generally either:
      a) Add a `basePath` property to the build configuration in your `polymer.json`.
      b) Use the `--base-path` command-line option for `polymer build`.

      Note: If you intend to serve from a non-root path, see [polymer-root-path] below.
    -->
  <base href="/">

  <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
  <link rel="manifest" href="/manifest.json">
  <link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg" color="#32bfc4">
  <link rel="shortcut icon" href="/images/favicons/favicon.ico">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-config" content="/images/favicons/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">

  <script>
    /**
  * [polymer-root-path]
  *
  * By default, we set `Polymer.rootPath` to the server root path (`/`).
  * Leave this line unchanged if you intend to serve your app from the root
  * path (e.g., with URLs like `my.domain/` and `my.domain/view1`).
  *
  * If you intend to serve your app from a non-root path (e.g., with URLs
  * like `my.domain/my-app/` and `my.domain/my-app/view1`), edit this line
  * to indicate the path from which you'll be serving, including leading
  * and trailing slashes (e.g., `/my-app/`).
  */
    window.Polymer = { rootPath: '/' };
  </script>

  <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
  <script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>

  <!-- load Backend utils -->
  <script src="utils/backend.js"></script>

  <!-- Load your application shell -->
  <link rel="import" href="src/my-app.html">

  <!-- Add any global styles for body, document, etc. -->
  <style>
    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
      -webkit-font-smoothing: antialiased;
      line-height: 1.5;
      min-height: 100vh;
      background-color: var(--gray-8);
    }

    :root {
      --brand: #32BFC4;
      --accent: #FF7857;
      --danger: #ff5252;
      --success: #66BB6A;
      --alternative: #F0B03A;
      --gray-9: #18232B;
      --gray-8: #1F2D38;
      --gray-7: #375063;
      --gray-6: #5A758A;
      --gray-5: #7D95A8;
      --gray-4: #A7B8C4;
      --gray-3: #CED7DE;
    }
  </style>
</head>

<body>
  <script src="/bower_components/Snap.svg/dist/snap.svg-min.js"></script>

  <my-app></my-app>
  <noscript>
    Please enable JavaScript to view this website.
  </noscript>
  <!-- Built with love using Polymer Starter Kit -->

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114301896-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'UA-114301896-1');
  </script>
</body>

</html>